<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Finanza - Financial Services Website Template</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta content="" name="keywords">
  <meta content="" name="description">

  <!-- Favicon -->


  <!-- Google Web Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Jost:wght@500;600;700&family=Open+Sans:wght@400;500&display=swap"
    rel="stylesheet">

  <!-- Icon Font Stylesheet -->
  <link href="css/all.min.css" rel="stylesheet">
  <link href="font/bootstrap-icons.css" rel="stylesheet">

  <!-- Libraries Stylesheet -->
  <link href="lib/animate/animate.min.css" rel="stylesheet">
  <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

  <!-- Customized Bootstrap Stylesheet -->
  <link href="css/bootstrap.min.css" rel="stylesheet">

  <!-- Template Stylesheet -->
  <link href="css/style.css" rel="stylesheet">
</head>

<body>
  <!-- Spinner Start -->
  <div id="spinner"
    class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
    <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;"></div>
  </div>
  <!-- Spinner End -->


  <!-- Navbar Start -->
  <div class="container-fluid fixed-top px-0 wow fadeIn" data-wow-delay="0.1s">


    <nav class="navbar navbar-expand-lg navbar-light py-lg-0 px-lg-5 wow fadeIn" data-wow-delay="0.1s">
      <a href="index.html" class="navbar-brand ms-4 ms-lg-0">
        <img src="./img/logo.png" width="160">
      </a>
      <button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <div class="navbar-nav ms-auto p-4 p-lg-0">
          <a href="index.html" class="nav-item nav-link active">首页</a>
          <a href="about.html" class="nav-item nav-link">关于我们</a>
          <a href="service.html" class="nav-item nav-link">诚邀加盟</a>
          <a href="contact.html" class="nav-item nav-link">联系我们</a>
        </div>
      </div>
    </nav>
  </div>
  <!-- Navbar End -->


  <!-- Page Header Start -->
  <div class="container-fluid page-header mb-5 wow fadeIn" data-wow-delay="0.1s">
    <div class="container">
      <h1 class="display-3 mb-4 animated slideInDown">关于我们</h1>
    </div>
  </div>
  <!-- Page Header End -->


  <!-- About Start -->
  <div class="container-xxl py-5">
    <div class="container">
      <div class="row g-4 align-items-end mb-4">
        <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
          <img class="img-fluid rounded" src="img/about.jpg">
        </div>
        <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
          <p class="d-inline-block border rounded text-primary fw-semi-bold py-1 px-3">About Us</p>
          <h1 class="display-6 mb-4">成都小车飞象环保科技有限公司</h1>
          <p class="mb-4">
            成都小车飞象环保科技有限公司成立与2020年9月，创始人团队深耕汽车服务行业20余年，有着多年汽车服务、自助服务等相关行业的丰富经验，我司着力于自助洗车行业，借助物联网、大数据等先进技术，赋能传统车辆清洁，我们的宗旨是给人们带来环保、便捷、实惠的洗车服务
          </p>
          <div class="border rounded p-4">
            <nav>
              <div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
                <button class="nav-link fw-semi-bold active" id="nav-story-tab" data-bs-toggle="tab"
                  data-bs-target="#nav-story" type="button" role="tab" aria-controls="nav-story"
                  aria-selected="true">公司口号</button>
                <button class="nav-link fw-semi-bold" id="nav-mission-tab" data-bs-toggle="tab"
                  data-bs-target="#nav-mission" type="button" role="tab" aria-controls="nav-mission"
                  aria-selected="false">我们的目标</button>
                <button class="nav-link fw-semi-bold" id="nav-vision-tab" data-bs-toggle="tab"
                  data-bs-target="#nav-vision" type="button" role="tab" aria-controls="nav-vision"
                  aria-selected="false">联系我们</button>
              </div>
            </nav>
            <div class="tab-content" id="nav-tabContent">
              <div class="tab-pane fade show active" id="nav-story" role="tabpanel" aria-labelledby="nav-story-tab">
                <p>成都小车飞象环保科技有限公司成立与2020年9月，创始人团队深耕汽车服务行业20余年，有着多年汽车服务、自助服务等相关行业的丰富经验</p>
                <p class="mb-0">成都小车飞象环保科技有限公司成立与2020年9月，创始人团队深耕汽车服务行业20余年，有着多年汽车服务、自助服务等相关行业的丰富经验</p>
              </div>
              <div class="tab-pane fade" id="nav-mission" role="tabpanel" aria-labelledby="nav-mission-tab">
                <p>成都小车飞象环保科技有限公司成立与2020年9月，创始人团队深耕汽车服务行业20余年，有着多年汽车服务、自助服务等相关行业的丰富经验</p>
                <p class="mb-0">成都小车飞象环保科技有限公司成立与2020年9月，创始人团队深耕汽车服务行业20余年，有着多年汽车服务、自助服务等相关行业的丰富经验</p>
              </div>
              <div class="tab-pane fade" id="nav-vision" role="tabpanel" aria-labelledby="nav-vision-tab">
                <p>成都小车飞象环保科技有限公司成立与2020年9月，创始人团队深耕汽车服务行业20余年，有着多年汽车服务、自助服务等相关行业的丰富经验</p>
                <p class="mb-0">成都小车飞象环保科技有限公司成立与2020年9月，创始人团队深耕汽车服务行业20余年，有着多年汽车服务、自助服务等相关行业的丰富经验</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="border rounded p-4 wow fadeInUp" data-wow-delay="0.1s">
        <div class="row g-4">
          <div class="col-lg-4 wow fadeIn" data-wow-delay="0.1s">
            <div class="h-100">
              <div class="d-flex">
                <div class="flex-shrink-0 btn-lg-square rounded-circle bg-primary">
                  <i class="fa fa-times text-white"></i>
                </div>
                <div class="ps-3">
                  <h4>助力环保</h4>
                  <span>助力环保视野，提倡低碳生活</span>
                </div>
                <div class="border-end d-none d-lg-block"></div>
              </div>
              <div class="border-bottom mt-4 d-block d-lg-none"></div>
            </div>
          </div>
          <div class="col-lg-4 wow fadeIn" data-wow-delay="0.3s">
            <div class="h-100">
              <div class="d-flex">
                <div class="flex-shrink-0 btn-lg-square rounded-circle bg-primary">
                  <i class="fa fa-users text-white"></i>
                </div>
                <div class="ps-3">
                  <h4>便民生活</h4>
                  <span>亲民、方便生活</span>
                </div>
                <div class="border-end d-none d-lg-block"></div>
              </div>
              <div class="border-bottom mt-4 d-block d-lg-none"></div>
            </div>
          </div>
          <div class="col-lg-4 wow fadeIn" data-wow-delay="0.5s">
            <div class="h-100">
              <div class="d-flex">
                <div class="flex-shrink-0 btn-lg-square rounded-circle bg-primary">
                  <i class="fa fa-phone text-white"></i>
                </div>
                <div class="ps-3">
                  <h4>24/7 服务</h4>
                  <span>
                    全年365天无休
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- About End -->


  <!-- Facts Start -->
  <div class="container-fluid facts my-5 py-5">
    <div class="container py-5">
      <div class="row g-5">
        <div class="col-sm-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.1s">
          <i class="fa fa-users fa-3x text-white mb-3"></i>
          <h1 class="display-4 text-white" data-toggle="counter-up">1234</h1>
          <span class="fs-5 text-white">服务人数</span>
          <hr class="bg-white w-25 mx-auto mb-0">
        </div>
        <div class="col-sm-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.3s">
          <i class="fa fa-check fa-3x text-white mb-3"></i>
          <h1 class="display-4 text-white" data-toggle="counter-up">1234</h1>
          <span class="fs-5 text-white">服务次数</span>
          <hr class="bg-white w-25 mx-auto mb-0">
        </div>
        <div class="col-sm-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.5s">
          <i class="fa fa-users-cog fa-3x text-white mb-3"></i>
          <h1 class="display-4 text-white" data-toggle="counter-up">1234</h1>
          <span class="fs-5 text-white">加盟商数量</span>
          <hr class="bg-white w-25 mx-auto mb-0">
        </div>
        <div class="col-sm-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.7s">
          <i class="fa fa-award fa-3x text-white mb-3"></i>
          <h1 class="display-4 text-white" data-toggle="counter-up">1234</h1>
          <span class="fs-5 text-white">站点数量</span>
          <hr class="bg-white w-25 mx-auto mb-0">
        </div>
      </div>
    </div>
  </div>
  <!-- Facts End -->

  <!-- Team Start -->
  <!-- <div class="container-xxl py-5">
    <div class="container">
      <div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
        <p class="d-inline-block border rounded text-primary fw-semi-bold py-1 px-3">Our Team</p>
        <h1 class="display-5 mb-5">Exclusive Team</h1>
      </div>
      <div class="row g-4">
        <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
          <div class="team-item">
            <img class="img-fluid rounded" src="img/team-1.jpg" alt="">
            <div class="team-text">
              <h4 class="mb-0">Kate Winslet</h4>
              <div class="team-social d-flex">
                <a class="btn btn-square rounded-circle mx-1" href=""><i class="fab fa-facebook-f"></i></a>
                <a class="btn btn-square rounded-circle mx-1" href=""><i class="fab fa-twitter"></i></a>
                <a class="btn btn-square rounded-circle mx-1" href=""><i class="fab fa-instagram"></i></a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
          <div class="team-item">
            <img class="img-fluid rounded" src="img/team-2.jpg" alt="">
            <div class="team-text">
              <h4 class="mb-0">Jac Jacson</h4>
              <div class="team-social d-flex">
                <a class="btn btn-square rounded-circle mx-1" href=""><i class="fab fa-facebook-f"></i></a>
                <a class="btn btn-square rounded-circle mx-1" href=""><i class="fab fa-twitter"></i></a>
                <a class="btn btn-square rounded-circle mx-1" href=""><i class="fab fa-instagram"></i></a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
          <div class="team-item">
            <img class="img-fluid rounded" src="img/team-3.jpg" alt="">
            <div class="team-text">
              <h4 class="mb-0">Doris Jordan</h4>
              <div class="team-social d-flex">
                <a class="btn btn-square rounded-circle mx-1" href=""><i class="fab fa-facebook-f"></i></a>
                <a class="btn btn-square rounded-circle mx-1" href=""><i class="fab fa-twitter"></i></a>
                <a class="btn btn-square rounded-circle mx-1" href=""><i class="fab fa-instagram"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div> -->
  <!-- Team End -->

  <!-- Footer Start -->
  <footer class="bg-dark text-light">
    <div class="container pt-4">
      <div class="row">
        <div class="col-md-3 d-flex flex-column justify-content-between align-items-start">
          <div>公司名称：成都小车飞象环保科技有限公司</div>
          <div>地址： 成都高新区玉林西路60号1层</div>
          <div>电话： 13618136572</div>
          <div>邮箱： 453481247@qq.com</div>
        </div>
        <div class="col-md-6"></div>
        <div class="col-md-3">
          <h6>微信公众号</h6>
          <img src="./img/qrcode.png">
        </div>

      </div>
    </div>
    <div class="bg-dark text-center p-3">
      <span class="mb-0">© 2021 成都小车飞象环保科技有限公司. All Rights Reserved.</span>
      <span>备案号：xxxxxxxxxxxxx</span>
      <span>备案地址：xxxxxxx</span>
    </div>
  </footer>
  <!-- Footer End -->

  <!-- Back to Top -->
  <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a>


  <!-- JavaScript Libraries -->
  <script src="js/jquery-3.4.1.min.js"></script>
  <script src="js/bootstrap.bundle.min.js"></script>
  <script src="lib/wow/wow.min.js"></script>
  <script src="lib/easing/easing.min.js"></script>
  <script src="lib/waypoints/waypoints.min.js"></script>
  <script src="lib/owlcarousel/owl.carousel.min.js"></script>
  <script src="lib/counterup/counterup.min.js"></script>

  <!-- Template Javascript -->
  <script src="js/main.js"></script>
</body>

</html>